<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>项目首页</title>
<link rel="shortcut icon" type="image/ico" href="<%=basePath%>static/image/favicon.ico" />
<script type="text/javascript">
    var basePath = '<%=basePath%>';
</script>
<script type="text/javascript" src="<%=basePath%>static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/layer/layui/layui.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/common.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/js/layer/layui/css/layui.css">
<script type="text/javascript" src="<%=basePath%>static/js/index.js"></script>

<style type="text/css">
	body{ background-color: #899A90; font-family:'黑体'; color:#E77837; } 
	a{ color: #CCC; text-decoration: none;}
	a:HOVER {color: #5aa0dc; font-weight: bold;}
	ul li {list-style-type:none; font-size: 1em; display: inline; border:0px solid #37E778; padding:5px;}
	#box{ width:90%; height:100%;background:#2F2F2F;border:1px solid #000; margin:0px 5%;}
	#box h2{ }
	#top{ width:100%; height:30px;border:1px solid #37E778; padding-top: 8px;}
	#top .top-left{width:100px; border:0px solid #37E778; margin:0 0 0 20px; }
	#top .top-right{width:100px; border:0px solid #37E778; margint:0 20px 0 0; float: right; }
	#main{ height: 800px; border:1px solid #a937e7; margin-top:10px;}
	duty span{ font-size: 1.2em; height: 50px; 	}
	.sel-pro{ width:200px; height:40px; border:0px solid #37E778; display:inline-block; margin:20px 0 0 20px;}
	.input-infa {width:800px; height:40px; display:inline-block;  border:0px solid #37E778; margin:20px 0 0 100px;}
	.sel-pro select { width:200px;  height:40px; background: #2F2F2F; color:#E77837; }
	.input-infa-text{ text-align:right; margin:0px 0 0 100px;}
	.input-infa-text input{ width:200px;  height:38px; border:1px solid #a87b60; margin:7px 0 0 5px; background-color: #2F2F2F;}	
	.infa-btn{ width:100px; height: 42px; margin:0px 0 0 50px;  background-color: #2F2F2F; border:1px solid #a87b60; color:#E77837;	}
	hr{ border:1px solid #a87b60;}
	.m-con{ width:100%px; border:1px solid #a87b60; }
	.m-con .m-con-ul { margin: 20px;}
	.m-con .m-con-ul li{margin: 20px 15px 20px 40px;}
	.m-con .m-con-ul .defValue{text-align: center;}
	.lay-btn{margin: 0 20px;}
</style>
</head>
<body>
	<div id="box">
	 	<div id="top"">
			<span class="top-left">欢迎使用 easyapi</span>
			<span class="top-right">
				周宇飞  
				<a href="http://www.baidu.com">登出</a>
			</span>
		</div>
	 	<div id="main">
			<div class="duty">
				<span class="sel-pro">
					<select>
						<option selected="selected">请选择</option>
					</select>
				</span>
				<span class="input-infa-text">
					   	接口名称：<input type="text" Placeholder="支持模糊匹配 ” * 或  _ “" >   
				</span>
				<span class="input-infa-btn">
					<input type="button" name="query" value="查询" class="infa-btn">
				</span>
				<span class="input-infa-btn">
					<input type="button" name="addiface" value="新增接口" class="infa-btn">
				</span>
			</div>
			<div ><hr /></div>
			<div class="lay-btn">
				<button class="layui-btn  layui-btn-sm" name="comm_args">公共出入参</button>
			</div>
			<div ><hr /></div>
			<div class="m-con">
				<ul class="m-con-ul">
					<div class="defValue">該項目下無接口信息</div>
				</ul>	
			</div>
		</div>
	</div>
</body>
</html>